<template>
	<view class="container" >
		<view class='one'  @click="dateList(1,2)">	
			<image src="../../static/res1.png" mode='aspectFit'/>
			<view class="takePlace"></view>
			<view class="itemContext">引体向上</view>
	    </view>
	    
		<view class="two" @click="dateList(3,4)">
			 <image src="../../static/push_up.png" mode='aspectFit' />
			  <view class="takePlace"></view>
			 <view class="itemContext" >仰卧起坐</view>
		</view>
	
	</view>
	
</template>

<script>
	export default {
		data() {
			return {
				type:1,
			}
		},
		methods: {
			//点击之后给他传mode，去找到这个项目的日期
			dateList(data1,data2){
				uni.navigateTo({
					url:"/pages/index/date?mode1="+data1+"&mode2="+data2
				})
			}
		},
	}
</script>

<style>
.container{
	margin-top: 20rpx;
	display:flex;
	flex-direction: row;
	text-align: center;
	justify-content:center;
}
.one,.two{
    display: flex;
	flex-direction: column;
	margin: 25rpx 25rpx;
	border-radius: 60rpx;
    padding:50rpx  30rpx;
	/*  阴影 */
	box-shadow: 0 0 20rpx rgba(0, 0, 0, 0.15);

}

.itemContext{
	font-family: Verdana, Geneva, Tahoma, sans-serif;
    text-align: center;

}
.takePlace{
	height:30rpx;
}
image{
	width: 250rpx;
	height:240rpx;
	
}
</style>